/*
 * 清幽主题
 */

.cherry.theme__blue {
  /* ========== 基础色彩变量覆盖 ========== */
  --primary-color: var(--oc-indigo-6);
  --secondary-color: var(--oc-violet-0);

  --base-font-color: var(--oc-indigo-8);
  --base-editor-bg: var(--oc-violet-0);
  --base-previewer-bg: var(--oc-violet-0);
  --base-border-color: var(--oc-indigo-4);

  /* ========== 工具栏相关变量 ========== */
  --toolbar-bg: var(--oc-violet-1);
  --toolbar-btn-color: var(--oc-indigo-7);
  --toolbar-btn-hover-bg: var(--oc-violet-3);
  --toolbar-btn-hover-color: var(--oc-white);
  --toolbar-btn-active-bg:var(--oc-blue-5);
  --toolbar-split-color: var(--oc-indigo-4);

  --dropdown-bg: var(--oc-white);

  /* ========== 编辑器相关变量 ========== */
  --editor-header-color: var(--primary-color);
  --editor-string-color: var(--oc-indigo-5);
  --editor-comment-color: var(--oc-indigo-5);
  --editor-quote-color: var(--oc-indigo-8);
  --editor-link-color: var(--oc-indigo-5);
  --editor-url-bg-color: var(--oc-violet-1);
  --editor-v2-color: var(--oc-indigo-8);
  --editor-v3-color: var(--primary-color);
  --editor-keyword-color: var(--oc-indigo-5);
  --editor-selection-bg: var(--oc-violet-2);

  /* ========== Markdown 相关变量 ========== */
  --md-heading-color: var(--primary-color);
  --md-paragraph-color: var(--oc-indigo-8);
  --md-link-color: var(--oc-indigo-5);
  --md-link-hover-color: var(--primary-color);
  --md-inline-code-color: var(--oc-indigo-5);
  --md-inline-code-bg: var(--oc-violet-1);
  --md-blockquote-bg: var(--oc-violet-1);
  --md-hr-border: var(--oc-indigo-4);
  /* ========== table 相关变量 ========== */
  --md-table-border: var(--oc-blue-5);
  --md-table-add-border: var(--oc-blue-9);
  --md-table-delete-bg: var(--oc-violet-1);
  --md-table-sort-active-bg: var(--oc-blue-5);
  --md-table-sort-border: var(--oc-indigo-4);
  /* ========== table 相关变量 ========== */
  --md-table-border: var(--oc-blue-5);
  --md-table-drag-border-bg: var(--primary-color);
  --md-table-sort-active-bg: rgba(184, 134, 253, 0.4);

  --md-paragraph-highlight-line-bg: var(--oc-violet-1);

  /* ========== Panel 相关变量 ========== */
  --panel-border-radius: 0;
  --panel-bg: transparent;
  --panel-border: none;
  --panel-box-shadow: none;
  --panel-title-bg: transparent;
  --panel-title-color: inherit;
  --panel-body-bg: transparent;
  --panel-body-color: inherit;

  /* Primary Panel */
  --panel-primary-border: none;
  --panel-primary-border-color: transparent;
  --panel-primary-title-bg: transparent;
  --panel-primary-bg: transparent;
  --panel-primary-title-color: var(--oc-blue-7);
  --panel-primary-body-color: inherit;

  /* Info Panel */
  --panel-info-border: none;
  --panel-info-border-color: transparent;
  --panel-info-title-bg: transparent;
  --panel-info-bg: transparent;
  --panel-info-title-color: var(--oc-cyan-7);
  --panel-info-body-color: inherit;

  /* Warning Panel */
  --panel-warning-border: none;
  --panel-warning-border-color: transparent;
  --panel-warning-title-bg: transparent;
  --panel-warning-bg: transparent;
  --panel-warning-title-color: var(--oc-yellow-7);
  --panel-warning-body-color: inherit;

  /* Danger Panel */
  --panel-danger-border: none;
  --panel-danger-border-color: transparent;
  --panel-danger-title-bg: transparent;
  --panel-danger-bg: transparent;
  --panel-danger-title-color: var(--oc-pink-7);
  --panel-danger-body-color: inherit;

  /* Success Panel */
  --panel-success-border: none;
  --panel-success-border-color: transparent;
  --panel-success-title-bg: transparent;
  --panel-success-bg: transparent;
  --panel-success-title-color: var(--oc-teal-7);
  --panel-success-body-color: inherit;
  --md-toc-bg: var(--oc-white);
  --md-toc-border-color: var(--base-border-color);
  --md-toc-indicator-color: var(--oc-indigo-1);
  --md-toc-link-hover-bg: var(--oc-violet-0);
  --md-toc-link-active-bg: var(--oc-violet-1);
  
  /* ========== 手风琴组件变量覆盖 ========== */
  --accordion-bg: var(--oc-violet-0);
  --accordion-border: var(--oc-indigo-2);
  
  --accordion-summary-bg: var(--oc-indigo-6);
  --accordion-summary-hover-bg: var(--oc-indigo-5);
  
  --accordion-body-bg: var(--oc-violet-0);
  --accordion-body-border: var(--oc-indigo-1);
  --accordion-body-color: var(--oc-indigo-8);
}

/** 预览区域样式 */
.cherry-markdown.theme__blue {
  h1,
  h2,
  h3,
  h4,
  h5 {
    text-align: center;
    border-bottom: 1px dashed var(--md-hr-border);
    padding-bottom: 15px;
    margin-bottom: 25px;
  }

  /** Blue主题特殊的panel样式 - 使用左边框 */
  .cherry-panel__primary {
    border-left: 4px solid var(--oc-blue-6);
  }

  .cherry-panel__info {
    border-left: 4px solid var(--oc-cyan-6);
  }

  .cherry-panel__warning {
    border-left: 4px solid var(--oc-yellow-6);
  }

  .cherry-panel__danger {
    border-left: 4px solid var(--oc-pink-6);
  }

  .cherry-panel__success {
    border-left: 4px solid var(--oc-teal-6);
  }
}
